<!--
 * @Date: 2023-01-03 10:39:59
 * @LastEditTime: 2023-02-16 17:37:12
-->
<template>
  <div>
    <g-button>默认按钮</g-button>
    <g-button type="primary" round>主要按钮</g-button>
    <g-button type="success">成功按钮</g-button>
    <g-button type="danger">危险按钮</g-button>
    <g-button type="info">信息按钮</g-button>
    <g-button type="warning">警告按钮</g-button>
    <g-button type="text">文本按钮</g-button>

    <g-drag>
      <g-video
        src="https://y1.videocc.net/static-assets/iflytek/assets/video/ai2.mp4"
        class="m__video"
        ref="mVideoRef"
        canvasWidth="128"
        canvasHeight="352"
        type="2"
        @click="control"
      />
    </g-drag>
  </div>
</template>

<script setup>
import { getCurrentInstance } from 'vue';

const { proxy } = getCurrentInstance();

const control = () => {
  proxy.$refs.mVideoRef.control();
};
</script>

<style lang="less" scoped>
.m__video {
  width: 960px;
  height: 540px;
}
</style>